<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<style type="text/css">
<!--
.member-layer{
	width:390px;
	height:414px;
	padding:8px;
	position:absolute;
	top:20%;
	right:20%;
	background-color:#f3f3f3;
	border:1px solid #c4c4c4;
}
.member-tabs{
	float:left;	
}
.member-tabs li{
	padding-bottom:4px;
	line-height:normal;
}
.member-tabs li a{
	width:45px;
	height:21px;
	padding:10px 0 0 24px;
	display:block;
	background:url(Styles/i/tab.gif) no-repeat 0 0;
}
.member-content{
	float:left;
	width:310px;
	border:1px solid #cdcdcd;
}
.member-list{
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}
-->
</style>
<div class="member-layer">
  <ul class="member-tabs">
    <li class="current"><a href="#">全部</a></li>
    <li><a href="#">普通</a></li>
    <li><a href="#">高级</a></li>
    <li><a href="#">VIP</a></li>
    <li><a href="#">尊贵</a></li>
  </ul>
  <div class="member-content">
    <div class="search-box">
      <input type="text" name="keyword" />
      <input type="button" name="search" value="搜 索" />
    </div>
    <table cellpadding="0" cellspacing="0" class="member-select">
      <thead>
        <tr>
          <th>会员ID</th>
          <th>姓 名</th>
          <th>联系方式</th>
          <th>操 作</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>天涯111</td>
          <td>王一一</td>
          <td>联系方式</td>
          <td><a href="#">添加</a></td>
        </tr>
        <tr>
          <td>天涯111</td>
          <td>王一一</td>
          <td>联系方式</td>
          <td>已添加</td>
        </tr>
        <tr>
          <td>天涯111</td>
          <td>王一一</td>
          <td>联系方式</td>
          <td><a href="#">添加</a></td>
        </tr>
        <tr>
          <td>天涯111</td>
          <td>王一一</td>
          <td>联系方式</td>
          <td><a href="#">添加</a></td>
        </tr>
        <tr>
          <td>天涯111</td>
          <td>王一一</td>
          <td>联系方式</td>
          <td>已添加</td>
        </tr>
        <tr>
          <td>天涯111</td>
          <td>王一一</td>
          <td>联系方式</td>
          <td><a href="#">添加</a></td>
        </tr>
        <tr>
          <td>天涯111</td>
          <td>王一一</td>
          <td>联系方式</td>
          <td><a href="#">添加</a></td>
        </tr>
        <tr>
          <td>天涯111</td>
          <td>王一一</td>
          <td>联系方式</td>
          <td>已添加</td>
        </tr>
        <tr>
          <td>天涯111</td>
          <td>王一一</td>
          <td>联系方式</td>
          <td><a href="#">添加</a></td>
        </tr>
        <tr>
          <td>天涯111</td>
          <td>王一一</td>
          <td>联系方式</td>
          <td><a href="#">添加</a></td>
        </tr>
        <tr>
          <td>天涯111</td>
          <td>王一一</td>
          <td>联系方式</td>
          <td>已添加</td>
        </tr>
        <tr>
          <td>天涯111</td>
          <td>王一一</td>
          <td>联系方式</td>
          <td><a href="#">添加</a></td>
        </tr>
      </tbody>
    </table>
  </div>
  <div class="clear"></div>
  <div>
    <input type="button" name="confirm" value="确 认" />
  </div>
</div>
</body>
</html>
